/* ButtonWithTooltip.css */
.button-container {
  position: relative; /* 使工具提示相对定位 */
  display: inline-block; /* 使容器适应内容 */
  cursor: pointer; /* 鼠标悬停时显示指针 */
}

.tooltips {
  width: 239px;
  height: 300px;
  position: absolute;
  bottom: 100%; /* 在按钮上方 */
  left: -60px; /* 水平居中 */
  top: 50px;
  /* transform: translateX(-50%); 再次水平居中 */
  background-color: #fff; /* 选项框背景颜色 */
  color: #fff; /* 文本颜色 */
  border-radius: 4px; /* 圆角 */
  padding: 5px; /* 内边距 */
  width: 200px; /* 选项框的宽度 */
  text-align: center; /* 文本居中 */
  z-index: 1000; /* 确保选项框在上层 */
  opacity: 1; /* 使选项框可见 */
  transition: opacity 0.3s; /* 平滑过渡效果 */
  border: 1px solid #eee;
  box-shadow: 5px 5px 3px #eee;
}